﻿<div id="serviceProperties" class="reveal-modal small" data-bind="modalSuccess: addOnSuccess, enterPressed: submit">
    <h2>Service properties</h2>
    <dl class="sub-nav">
        <dd data-bind="css: { active: screen() == 'logging' }">
            <a href="javascript:void(0)" data-bind="click: goToLogging">Logging</a>
        </dd>
        <dd data-bind="css: { active: screen() == 'metrics' }">
            <a href="javascript:void(0)" data-bind="click: goToMetrics">Metrics</a>
        </dd>
    </dl>
    <div data-bind="visible: screen() == 'logging'">
        <div data-bind="with: properties">
            <div data-bind="with: logging">
                @Html.Partial("Service/ServiceLogging")
            </div>
        </div>
    </div>
    <div data-bind="visible: screen() == 'metrics'">
        <div data-bind="with: properties">
            <div data-bind="with: metrics">
                @Html.Partial("Service/ServiceMetrics")
            </div>
        </div>
    </div>

    <input type="button" class="right button" value="Submit" data-bind="click: submit" />
    <a class="close-reveal-modal">&#215;</a>
</div>
